import StatusIconPrimary from '@/components/StatusIconPrimary';
import { Icon, Tab, Tabs } from '@antmjs/vantui';
import { Text, View } from '@tarojs/components';
import Taro from '@tarojs/taro';

export default function Page() {
  return (
    <>
      <Tabs sticky animated>
        <Tab title='活动' />
        <Tab title='咨询' />
      </Tabs>

      {[1, 2, 3, 4, 5].map((item) => (
        <View
          key={item}
          className=' mx-4 mt-4'
          onClick={() => {
            Taro.navigateTo({
              url: `/pages/my/reservation/detail`,
            });
          }}
        >
          <View className=' px-5 py-3 flex items-center bg-white rounded-lg'>
            <View>
              <Text className=' text-[36px] font-bold text-black block'>
                智能硬件出海分享智能硬件
              </Text>
              <Text className=' text-xs mt-2 text-gary4 block'>
                活动时间：2023-12-25 20:23:22
              </Text>
            </View>
            <Icon name='arrow' className=' text-gary4 ml-auto block' />
          </View>
          <View className=' bg-[#F9FBFC] px-4 py-2 flex items-center rounded-lg'>
            <StatusIconPrimary />
            <Text className=' text-success text-xs'>已完成</Text>
          </View>
        </View>
      ))}
    </>
  );
}
